<template>
    <div class="box">
        <div class="header">
            <img style="width: 240px" src="../../../../assets/hlogo.png">
        </div>
        <div class="context">
            <router-view></router-view>
        </div>

    </div>
</template>

<script>
    export default {
        name: "re-apply",
        data () {
            return {
                radio: '1',
                nextBtn:false,
            };
        },
        created() {
            this.$router.push({name:'Re-agreement'})

        },
        methods:{
          /*  toMsg(){
                this.$router.push({name:'Re-message'})
            }*/
        }

    }
</script>

<style >
    #app{
        flex-shrink: unset;
    }
    .box{
        width: 900px;
        background-color: #F7F7F7;
        margin: 0 auto;
    }
    body{
        width: 900px;
        height: 712px;
        margin: 0 auto 30px;
        background-color: #F7F7F7;
    }
    .header{
        width: 900px;
        height: 112px;
        position: relative;
        margin: 0 auto;
    }
    img{
        width: 240px;
        height: 52px;
        max-width: 100%;
        border: 0;
        position: absolute;
        left: 0;
        top: 25px;
    }

    .context{
        width: 900px;
        background-color: white;
        padding-bottom: 30px;
        position: absolute;
        top:112px;
    }

    .steps span{
        display: inline-block;
        width: 270px;
        line-height: 30px;
        color: #999;
        font-size: 13px;
        margin: 30px 1px;
        background-color: #f2f2f2;
        text-align: center;
    }
</style>